<template>
  <!-- 个人信息 -->
  <div>
    <el-descriptions title="我的详细信息" border label-align="left ">
      <el-descriptions-item label="用户名字" width="300px">{{addr.username }}</el-descriptions-item>
    </el-descriptions>
    <el-descriptions border label-align="left">
      <el-descriptions-item label="真实姓名" width="300px">{{addr.realname}}</el-descriptions-item>
    </el-descriptions>
    <el-descriptions border label-align="left ">
      <el-descriptions-item label="电话" width="300px">{{addr.phone}}</el-descriptions-item>
    </el-descriptions>
    <el-descriptions border label-align="left ">
      <el-descriptions-item label="最近登录时间" width="300px">{{addr.gmtLastLogin}}</el-descriptions-item>
    </el-descriptions>
    <el-descriptions border label-align="left ">
      <el-descriptions-item label="角色" width="300px">{{addr.roles }}</el-descriptions-item>
    </el-descriptions>
    <el-descriptions border label-align="left ">
      <el-descriptions-item label="状态" width="300px">
        <el-button :type="addr.status ? 'primary' : 'danger'">{{addr.status ? "正常" : "异常"}}</el-button>
      </el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script>
import { mapState } from 'vuex'

export default {
  computed: {
    ...mapState({ addr: (state) => state.AddAdmin.AddData })
  },
  created () {}
}
</script>

<style lang="less" scoped></style>
